<template>
    <div class="page has-navbar">
        <div class="page-content">
            <von-header>
                <span slot="title">行程助手</span>
            </von-header>
            <div class="mytrip-img">
                <img src="../../assets/image/icon_other_status.png">
                <div class="mytrip-login" @click="goLogin()">请登录后查看</div>
            </div>

        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {

            }
        },
        methods:{
            goLogin(){
                this.$router.push('/login')
            }
        }
    }
</script>
<style>
    .mytrip-img{
        text-align: center;
        padding: 30px 24px 0;
        overflow: hidden;
        height: auto;
    }
    .mytrip-login{
        width: 146px;
        display: block;
        margin: 20px auto 58px;
        border: 1px solid #e0e0e0;
        font-size: 18px;
        font-weight: normal;
        color: #e0e0e0;
        line-height: 28px;
        border-radius: 15px;
    }
</style>